<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link href="css/bootstrap.css" rel="stylesheet">

		<script src="js/jquery.min.js"></script>
		<script src="js/browser.js"></script>
		<script src="js/bootstrap.js"></script>
		<link href="css/custom.css" rel="stylesheet">

		<title>管理后台</title>

	</head>

	<body>
		<div class="navbar navbar-default">
			<div class="container">
				<div class="navbar-header">
					<button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
	        <span class="sr-only">Toggle navigation</span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	        <span class="icon-bar"></span>
	      </button>
					<a class="navbar-brand hidden-sm">XXX管理后台</a>
				</div>
			</div>
			<div style="float:right;font-size:14px;">admin,欢迎您！<a href="#">退出</a>&nbsp;&nbsp;&nbsp;</div>
		</div>
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-3 col-md-2 sidebar">
					<div class="accordion" id="accordion-11">
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle" href="index.html">
						首页
						</a>
							</div>
						</div>
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle" href="list.html">
						列表
						</a>
							</div>
						</div>
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle" href="form.html">
						表单
						</a>
							</div>
						</div>
						<div class="accordion-group">
							<div class="accordion-heading">
								<a class="accordion-toggle" href="#">
						退出/注销
						</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
					<div class="col-md-12" id="content">
						<div class="app_content_div" id="app_content_div_301Index">
							<h3>列表</h3>
						</div>

						<div>
							<div style="float:right;">
								<button type="button" class="btn btn-primary">新增</button>
							</div>
						</div>
						<table class="table table-striped">
							<thead>
								<tr>
									<th>id</th>

									<th>用户名</th>
									<th>更改密码</th>
									<th>操作
										<th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<th scope="row">1</th>
									<td>admin</td>

									<td><a style="cursor:pointer;" href="#">更改密码</a></td>
									<td>

										<a href="#"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></a> &nbsp;&nbsp;&nbsp;
										<a href="#"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
									</td>
								</tr>
								<tr>
									<th scope="row">2</th>
									<td>admin1</td>

									<td><a style="cursor:pointer;" href="#">更改密码</a></td>
									<td>

										<a href="#"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span></a> &nbsp;&nbsp;&nbsp;
										<a href="#"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
									</td>
								</tr>

							</tbody>
						</table>

						<ul class="pagination">
							<li class="disabled"><span>上一页</span></li>
							<li class="active"><span>1</span></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">4</a></li>
							<li><a href="#">5</a></li>
							<li><a href="#">下一页</a></li>
						</ul>

					</div>
				</div>
			</div>
		</div>
	</body>

</html>